<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>选择鞋码</title>
<link rel="icon" type="image/png"
	href="../amaze/assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed"
	href="../amaze/assets/i/app-icon72x72@2x.png">
<link rel="stylesheet"
	href="../amaze/assets/css/amazeui.min.css" />
<link rel="stylesheet"
	href="../amaze/assets/css/admin.css">
<link rel="stylesheet" href="../amaze/pc.css">
<!--[if lt IE 9]>
	<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
	<script src="../amaze/assets/js/amazeui.ie8polyfill.min.js"></script>
	<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../amaze/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="../amaze/assets/js/amazeui.min.js"></script>
<script src="../amaze/assets/js/app.js"></script>
<script src="../js/foot.js"></script>
<style>
@media only all
    and (min-width :1024px) {
    #media{
        width: 500px;
        margin:0px auto;
    }
    }
.cont {
	margin: 20px auto;
	width: 100%;
}

.cont div {
	width: 40%;
	margin-top: 10px;
	display: inline-block;
}
.round {
	width: 25px;
	height: 25px;
	padding-left:1px;
	border: 1px solid #dedede;
	-moz-border-radius: 12px; /* Gecko browsers */
	-webkit-border-radius: 12px; /* Webkit browsers */
	border-radius: 12px; /* W3C syntax */
	background-color:#e3e3e3;
	margin: 0px auto;
}

@media only all
    and (min-width :1024px) {
	    BODY {background-image: URL(../image/frontbg.jpeg);
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;}
	    #media{
	        width: 500px;
	        height:630px;
	        background-color: white;
	    }
    }
</style>
</head>

<body>
		<div class="am-g" style="text-align: center" id="media">

			<div style="margin-top: 20px; padding: 0px 20px;">

				<img src="../image/foot_text.png" alt=""
					width="100%">
			</div>

			<div class="cont">
				<div>
					<img id="1" src="../image/foot1n.png" alt="正常脚型"
						onmouseover="hover(this)" onmouseout="leave(this)"
						onclick="choose(this)" style="cursor: pointer" />
				</div>
				<div>
					<img id="2" src="../image/foot2n.png" alt="偏胖脚型"
						onmouseover="hover(this)" onmouseout="leave(this)"
						onclick="choose(this)" style="cursor: pointer" />
				</div>
				<div>
					<img id="3" src="../image/foot3n.png" alt="偏瘦脚型"
						onmouseover="hover(this)" onmouseout="leave(this)"
						onclick="choose(this)" style="cursor: pointer" />
				</div>
				<div>
					<img id="4" src="../image/foot4n.png" alt="偏宽脚型"
						onmouseover="hover(this)" onmouseout="leave(this)"
						onclick="choose(this)" style="cursor: pointer" />
				</div>
			</div>
		</div>
</body>
</html>
